<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
	<head>
		<title></title>
		<meta charset="utf-8" />
		<script src="js/tools.js"></script>
		<script src="js/ball.js"></script>
		<script type="text/javascript">
			function $$(id) {
				return document.getElementById(id);
			}
			window.onload = function () {
				var cnv = $$("canvas");
				var cxt = cnv.getContext("2d");
				var r=10;
				
				var n0=[
					[0,0,1,1,1,0,0],
					[0,1,1,0,1,1,0],
					[1,1,0,0,0,1,1],
					[1,1,0,0,0,1,1],
					[1,1,0,0,0,1,1],
					[1,1,0,0,0,1,1],
					[1,1,0,0,0,1,1],
					[1,1,0,0,0,1,1],
					[0,1,1,0,1,1,0],
					[0,0,1,1,1,0,0],
				];
				
				for(i = 0; i < 10; i++) {
					for(j = 0; j < 7; j++) {
						if(n0[i][j] == 1){
							cxt.beginPath();
							cxt.fillStyle = "blue";
							cxt.arc(50+2*r*j,50+2*r*i,r,0,2*Math.PI);
							cxt.fill();
							cxt.closePath();
						}
					}
				}
			}
		</script>
	</head>
	<body>
		<canvas id="canvas" width="500" height="500" style="border: 1px dashed gray;"></canvas>
	</body>
</html>
